<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/css/02-reset.css">
    <link rel="stylesheet" href="/lib/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/lib/font/iconfont.css">
    <!-- <link rel="stylesheet" href="./lib/bootstrap-3.3.7-dist/bootstrap.min.css"> -->
</head>

<body>
    
    <!--客服接待  -->
    <div class="top-header">
        <div class="box">
            <div class="box1">客服接待时间：9:00-22:00</div>
            <div class="box2">
                <ul>
                    <li class="store-items">
                        <span class="iconfont icon-location"></span>
                        <div>线下门店</div>
                    </li>
                    <li class="online-service">
                        <span class="iconfont icon-liaotiankuang"></span>
                        <div>在线客服</div>
                    </li>
                </ul>
            </div>

        </div>
    </div>
    <!-- 导航栏 -->
    <div class="banner">
        <div class="banner-con">
            <div class="logo">
                <img src="/images/logo.png" alt="">
            </div>
            <div class="navigation">
                <ul>
                    <li>
                        <a href="">男子</a>
                    </li>
                    <li>
                        <a href="">女子</a>
                    </li>
                    <li>
                        <a href="">儿童</a>
                    </li>
                    <li>
                        <a href="">系列</a>
                    </li>
                    <li>
                        <a href="">新品</a>
                    </li>
                    <li>
                        <a href="">联名款</a>
                    </li>
                    <li>
                        <a href="">明星同款</a>
                    </li>
                </ul>
            </div>
            <form action="">

                <input type="text" placeholder="搜索">
                <span class="iconfont icon-fangdajing"></span>
            </form>
            <div class="login">
                <i class="iconfont icon-tuoyuan1fuben2-copy-copy
                "></i>
                <div class="singin">
                    <div class="user-login">登录</div>
                    <div class="user-register">注册</div>
                </div>

            </div>
            <div class="car">
                <i class="iconfont icon-gouwuche"></i>
                <span>0</span>
                <p>购物车</p>
            </div>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="swiper-container swiper2">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dwe2273f84/landing/home/20190314/pc1-41.png"
                    alt="">
            </div>
            <div class="swiper-slide">
                <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dwadb8345e/landing/home/20190314/pc-12.5reg.png"
                    alt="">
            </div>
            <div class="swiper-slide">
                <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw8ba047b1/landing/home/20190314/pc-Dr.Seuss.png"
                    alt="">
            </div>


        </div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
    <!--商品详情照片  -->
    <div class="list">
        <div class="list-con">
            <div class="box">
                <span>
                    <span class="eng">MEN</span>
                    <br>男子</span>
                <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dwf8d2fd0f/landing/home/20190314/11-1.jpg"
                    alt="">
            </div>
            <div class="box">
                <span>
                    <span class="eng">WOMEN</span>
                    <br>女子</span>
                <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw053a31a8/landing/home/20190314/11-2.jpg"
                    alt="">
            </div>
            <div class="box">
                <span>
                    <span class="eng">BOYS</span>
                    <br>男童</span>
                <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dwfc93c093/landing/home/20190314/11-4.jpg"
                    alt="">
            </div>
            <div class="box">
                <span>
                    <span class="eng">GIRLS</span>
                    <br>女童</span>
                <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw65c9b690/landing/home/20190314/11-3.jpg"
                    alt="">
            </div>
        </div>
    </div>
    <!-- 大图1 -->
    <div class="single">
        <div class="single-con">
            <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw6e872bc8/landing/home/20190314/GW-PC.png"
                alt="">
        </div>
    </div>
    <!-- 大图2  -->
    <div class="container">
        <div class="container-con">
            <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dwdd75b776/landing/home/20190314/pc-new.png"
                alt="">
        </div>
    </div>
    <!-- new 新品 -->
    <div class="new">
        <div class="new-con">
            <h2>NEW 新品</h2>



            <div class="swiper-container swiper-containerone">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw29fa9aa4/landing/new-product/5.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw310fb99c/landing/new-product/6.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw56b17971/landing/new-product/7.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw6d3797d2/landing/new-product/8.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dweae3fd59/landing/new-product/1.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw6a526712/landing/new-product/2.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dwdd8a41dd/landing/new-product/3.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dwdccb5be5/landing/new-product/4.jpg"
                            alt="">
                    </div>
                </div>
                <!-- Add Pagination -->
                <!-- <div class="swiper-pagination swiper-pagination1"></div> -->

                <div class="swiper-button-next swiper-button-next1"></div>
                <div class="swiper-button-prev swiper-button-prev1"></div>
            </div>


















        </div>
    </div>
    <!-- 服配 -->
    <div class="new">
        <div class="new-con">
            <h2>APPAREL服配</h2>



            <div class="swiper-container swiper-containerone">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw29fa9aa4/landing/new-product/5.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw310fb99c/landing/new-product/6.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw56b17971/landing/new-product/7.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw6d3797d2/landing/new-product/8.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dweae3fd59/landing/new-product/1.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw6a526712/landing/new-product/2.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dwdd8a41dd/landing/new-product/3.jpg"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dwdccb5be5/landing/new-product/4.jpg"
                            alt="">
                    </div>
                </div>
                <!-- Add Pagination -->
                <!-- <div class="swiper-pagination swiper-pagination1"></div> -->

                <div class="swiper-button-next swiper-button-next1"></div>
                <div class="swiper-button-prev swiper-button-prev1"></div>
            </div>


















        </div>
    </div>
    <!-- 四张图片 -->
    <div class="picture">
        <div class="picture-con">
            <div>
                <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dwb04d18e8/landing/home/20190314/Stamina.png"
                    alt="">
            </div>
            <div>
                <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw70a38be4/landing/home/20190314/11-flash.jpg"
                    alt="">
            </div>
            <div>
                <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw67b6bb6f/landing/home/20190314/GW-PC-Bottom-3.png"
                    alt="">
            </div>
            <div>
                <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw213f6e35/landing/home/20190314/GW-PC-Bottom.png"
                    alt="">
            </div>
        </div>
    </div>
    <!-- 黑块 -->
    <div class="black">
        <div class="black-con">
            <a href="">查看所有商品</a>
        </div>
    </div>
    <!-- 脚步1 -->
    <div class="footer1">
        <div class="footer1-con">
            <div>会员</div>
            <div>门店</div>
        </div>
    </div>
    <!-- 脚步2 -->
    <div class="footer2">
        <div class="footer2-con">
            <div class="box">
                <div class="box1">
                    <h6>我们的支付方式</h6>
                    <div>
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dwd0e05d07/landing/payment/wechatpay_pc.png"
                            alt="">
                    </div>
                    <div>
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw895b90e7/landing/payment/alipay_pc.png"
                            alt="">
                    </div>
                    <div>
                        <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dw64b654cc/landing/payment/unionpay_pc.png"
                            alt="">
                    </div>
                </div>
                <div class="box2">
                    <h5>中国</h5>
                </div>

            </div>
            <div class="boxbottom">
                <div class="box11">
                    <h3>联系客服</h3>
                    <li>团购申请</li>
                    <li>在线客服</li>
                    <li>网站地图</li>
                </div>
                <div class="box22">
                    <h3>我的账户</h3>
                    <li>会员权益</li>
                    <li>我的信息</li>
                    <li>我的订单</li>
                    <li>我的积分</li>
                    <li>我的优惠劵</li>
                    <li>收件地址</li>

                </div>
                <div class="box33">
                    <h3>帮助中心</h3>
                    <li>订单异常</li>
                    <li>发票</li>
                    <li>支付方式</li>
                    <li>退货说明</li>
                    <li>找回密码</li>
                    <li>注册与登录</li>
                </div>
                <div class="box44">
                    <h3>关于斯凯奇</h3>
                    <li>斯凯奇故事</li>
                    <li>联系我们</li>
                    <li>免责声明</li>
                    <li>隐私保护</li>
                    <li>服务协议</li>
                    <li>投资关系</li>
                    <li>招贤纳士</li>
                </div>
                <div class="box55">
                    <div class="box55-top">
                        <h3>关注我们</h3>
                        <li>
                            <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dwe08f77b6/weibo.png"
                                alt="">
                        </li>
                        <li>
                            <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dwa7740084/wechat.png"
                                alt="">
                        </li>
                    </div>
                    <div class="box55-bottom">
                        <h3>获取斯凯奇最新资讯</h3>
                        <input type="text">
                    </div>
                </div>
            </div>
            <div class="footer3">
                <div class="footer3-1">
                    <p>广州市利德丹贸易有限公司保留所有权利</p>
                    <p>粤ICP备12085615号 © 2021 SKECHERS,INC. </p>
                </div>
            </div>
        </div>
    </div>





    <script src="./lib/swiper/swiper-bundle.min.js"></script>
    <!-- <script src="./lib/bootstrap-3.3.7-dist/bootstrap.min.js"></script> -->
    <script src="./js/index.js"></script>


</body>

</html>